// Flexbox
// --------------------------
.row {
  display: flex;
  margin-right: -$padding-base;
  [class*="col-"] {
    padding-right: $padding-base;
    margin-bottom: $margin-base;
  }
  .col {
    &-3 {
      width: 25%;
    }
    &-4 {
      width: 33.3%;
    }
    &-6 {
      width: 50%;
    }
    &-8 {
      width: 66.6%;
    }
    &-9 {
      width: 75%;
    }
  }
}
